<template>
  <div class="home">
    <vue-typed-js  :strings="[userInfo.username]" :typeSpeed="200" @onComplete="completeType()">
      <h1>
        Hey
        <span class="typing"></span>
      </h1>
    </vue-typed-js>
  </div>
</template>

<script>
import { mapState } from 'vuex'

export default {
  data() {
    return {

    };
  },
  methods: {
   completeType() {}
  },
  computed: {
    ...mapState(['userInfo'])
  }
};
</script>
<style lang='scss' scoped>
.home,.typed-element {
  width: 100%;
  height: 100%;
  .typed-element {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
</style>